@charset "utf-8";
/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
span,
a,
img,
b,
table,
tr,
th,
td,
tbody,
form,
fiedset,
pre,
textarea,
blockquote {
    margin: 0;
    padding: 0;
    border: none 0;
    list-style: none;
    color: #333;
}

a {
    text-decoration: none;
    outline: none;
}

body {
    font-family: PingFangSC-Regular, PingFang SC, 'HanHei SC', "Microsoft Yahei", "微软雅黑", tahoma, arial, sans-serif;
    font-size: 14px;
    min-width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    margin: 0;
    padding: 0;
    display: block;
}

input,
button,
select,
textarea {
    outline: none;
    background: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
}

textarea {
    resize: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fz:after,
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
}

.fz,
.clearfix {
    zoom: 1;
}

.center {
    width: 100%;
    width: 1400px;
    margin: 0 auto;
}

/*默认公用样式*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ccc;
    font-weight: normal;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-weight: normal;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-weight: normal;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
    font-weight: normal;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc;
    font-weight: normal;
}

/*globle*/

body {
    background: #fff;
}

.topTlBox {
    /*height: 48px;*/
    padding: 20px 0;
    position: relative;
    z-index: 2;
    /*background: #1c70ff;*/
    background: #f9f6f6;
    border-bottom: 1px solid #1f1d1b45;
}

.logo {
    width: 320px;
    height: 65px;
    margin-right: 15px;
    /*	overflow: hidden;*/
    margin-top: -25px;
}

.logo a,
.logo img {
    width: 310px;
    display: block;
    width: 100%;
    /*height: 100%;*/
}

.navList1 {
    margin: 10px 0;
}

.navList1Item {
    float: left;
    position: relative;
    margin-left: 36px;
}

.navList1Hz {
    display: block;
    /*color: #fff;*/
    color: #1e1c1a;
    font-weight: 600;
    transition: all 30ms ease-out;
    line-height: 48px;
    font-size: 16px;
}

.navList1ItemBox {
    padding-top: 16px;
    position: absolute;
    top: 48px;
    left: 50%;
    display: none;
    margin-left: -100px;
}

.navList1ItemIcon {
    width: 20px;
    height: 10px;
    display: block;
    margin: 0 auto;
}

.navList1ItemList {
    width: 200px;
    /*height: 170px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 12px 12px;
}

.navList1ItemList li {
    display: block;
    float: left;
    line-height: 40px;
    margin-left: 19px;
}

.navList1ItemList li a {
    display: block;
    width: 66px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}

.navList1ItemList li a:hover {
    color: #6241FF;
}

.navList1Item:hover .navList1Hz {
    /*font-weight: 600;*/
    transform: scale(1.1);
}

.navList1Item:hover .navList1ItemBox {
    display: block;
}

.phone {
    margin-right: 36px;
    /* margin-left: 30px; */
}

.phone span {
    padding-left: 44px;
    display: block;
    height: 48px;
    color: #ed0909;
    font-weight: 600;
    font-size: 24px;
    line-height: 48px;
    background: url(/template/jsjdj/pc/images/phone.png) 0 center no-repeat;
    background-size: 32px 32px;
}

.searchBox {
    width: 200px;
    height: 40px;
    margin-top: 4px;
    background: #51504f;
    border-radius: 40px;
    position: relative;
    padding: 0 30px 0 15px;
}

.searchProject {
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
}

.searchBtn {
    position: absolute;
    right: 14px;
    top: 8px;
}

.searchBtn a,
.searchBtn img {
    display: block;
    width: 24px;
    height: 24px;
}

.searchTxt input {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #ccc;
}

.searchProjectTxt {
    text-align: right;
    width: 42px;
    color: #333;
    display: block;
    padding-right: 28px;
    background: url(/template/jsjdj/pc/images/jxu.png) right center no-repeat;
    background-size: 25px 16px;
}

.searchProjectTxt.on {
    background: url(/template/jsjdj/pc/images/jxd.png) right center no-repeat;
    background-size: 25px 16px;
}

.searchProjectList {
    width: 60px;
    position: absolute;
    height: 150px;
    top: 41px;
    display: none;
    left: 16px;
    padding-top: 6px;
    background: #fff;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.searchProjectList a {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 36px;
}

.searchProjectList a:hover,
.searchProjectList a.on {
    color: #6241FF;
}

.LoginReg {
    height: 48px;
    position: absolute;
    right: 0px;
    top: 0;
}

.frBox {
    padding-right: 120px;
    position: relative;
    margin: 10px 0;
}

.LoginRegBox a,
.LoginRegBox span {
    display: block;
    float: left;
    color: #1e1c1a;
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
}

.LoginRegBox span {
    margin: 0 5px;
}

.navBox {
    background: #fff;
    /* margin-bottom: 25px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06); */
}

.navContent {
    padding: 20px 0 10px;
    position: relative;
}

.navContentOh {
    overflow: hidden;
}

.navContentBox {
    width: 1420px;
    /* margin-left: -10px;
	background: #1c70ff; */
    background: #262422;
}

.navContentItem {
    float: left;
    width: 154.5px;
    padding: 0px 10px;
    overflow: hidden;
}

.navContentBt {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    display: block;
    /* background: #6241FF; */
    /* background: linear-gradient(90deg, #AA6EFF 0%, #6241FF 100%); box-shadow: 0px 0px 4px 0px rgba(51, 95, 255, 0.4);*/
    box-shadow: 0px 0px 4px 0px #f5f0f0;
    /* border-radius: 6px; */
    text-align: center;
}

.navContentBt img {
    display: none;
    width: 56px;
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.navContentBt span {
    /* position: absolute;
	top: 0; */
    color: #fff;
    height: 100%;
    font-size: 22px;
    /* right: 7px; */
    padding: 10px 20px;
}

.navContentList a {
    display: block;
    width: 100%;
    color: #333;
    height: 40px;
    font-size: 16px;
    margin-top: 10px;
    line-height: 40px;
    background: #F1F6FF;
    text-align: center;
    border-radius: 6px;
}

.navContentList a:hover,
.navContentBt:hover {
    color: #fff;
    background: #0659e7;
}

.navContentBtn {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto;
    bottom: -37px;
    left: 50%;
    margin-left: -36px;
    position: absolute;
    background: url(/template/jsjdj/pc/images/nav_arrowup.png) center no-repeat;
    background-size: 72px 72px;
}

.navContentBtn:hover {
    background: url(/template/jsjdj/pc/images/nav_arrowup_hover.png) center no-repeat;
    background-size: 72px 72px;
}

.navContentBtn.on {
    background: url(/template/jsjdj/pc/images/nav_arrowdown.png) center no-repeat;
    background-size: 72px 72px;
}

.navContentBtn.on:hover {
    background: url(/template/jsjdj/pc/images/nav_arrowdown-hover.png) center no-repeat;
    background-size: 72px 72px;
}

.LoginRegBox span {
    margin: 0 5px;
}

.headBox {
    position: relative;
}

.userHead {
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 48px;
}

.userHead img {
    display: block;
    width: 100%;
    height: 100%;
}

.personalCenter {
    position: absolute;
    top: 74px;
    left: -112px;
    display: none;
    width: 160px;
    background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
}

.personalCenterList li {
    line-height: 46px;
    height: 46px;
    color: #869099;
    font-size: 14px;
}

.personalCenterList li a {
    display: block;
    padding-left: 16px;
}

.personalCenterList li a:hover {
    background: #F1F6FF;
}

.personalCenterList li img {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 16px;
    margin-right: 15px;
}

.personalCenterIcon {
    width: 20px;
    height: 10px;
    top: -10px;
    right: 13px;
    position: absolute;
}

.personalCenterIcon img {
    display: block;
    width: 100%;
    height: 100%;
}

.conts {
    padding: 27px 0 40px;
}

.contsBg {
    background: #F7F8FA;
}

.hotCs {
    position: relative;
    min-height: 320px;
    padding: 0 320px 15px 380px;
}

.hotCsAd {
    top: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    position: absolute;
    width: 380px;
    height: 350px;
    border-radius: 16px;
}

.hotForm {
    /* background: url(/template/jsjdj/pc/images/form-bg.png) no-repeat; */
    top: 0;
    right: 0;
    width: 264px;
    overflow: hidden;
    border-radius: 16px;
    position: absolute;
    padding: 16px 25px 0;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

/* .hotForm:hover {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
} */

.hotBt span {
    display: block;
    font-weight: 600;
    color: #333;
    height: 34px;
    line-height: 34px;
    margin-left: 20px;
    font-size: 28px;
    margin-bottom: 10px;
    padding-left: 40px;
    background: url(/template/jsjdj/pc/images/hot.png) 0 center no-repeat;
}

.hotList {
    width: 100%;
    overflow: hidden;
}

.hotItem {
    padding-left: 20px;
    width: 320px;
    float: left;
    margin-bottom: 4px;
}

.hotItem a {
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    display: block;
    word-wrap: break-word;
}

.hotItem a:hover {
    color: #ff7600;
}

.hotItemBg a {
    font-size: 22px;
    font-weight: 600;
    color: #FF7600;
    padding: 0 10px;
    border-radius: 8px;
    background: #FFF1EA;
}

.hotFormBt {
    /* color: #fff; */
    font-size: 22px;
    height: 30px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 4px;
}

.hotFormBt span {
    color: #cebbff;
    font-weight: normal;
}

.hotFormEs {
    margin-bottom: 8px;
}

.hotFormEs span {
    display: block;
    color: #fff;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
}

.hotFormItem {
    height: 50px;
    position: relative;
    line-height: 50px;
    margin: 20px 0px;
    /* margin-bottom: 16px; */
    /* background-color: #FFF; */
    background: url(/template/jsjdj/pc/images/form-bg.png) no-repeat;
    border-radius: 5px;
    text-align: center;
}

.hotFormItem a {
    color: #FFF;
    font-size: 18px;
}

.hotFormItem2 {
    height: 50px;
    position: relative;
    line-height: 50px;
    margin: 20px 0px;
    margin-bottom: 16px;
    background-image: linear-gradient(to right, #e8ab23, #e07404);
    border-radius: 5px;
    text-align: center;
}

.hotFormItem2 a {
    color: #FFF;
    font-size: 18px;
}

.hotFormItem:hover {
    box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #1c70ff;
    transform: translateY(-0.1em);
}

.hotFormItem:active {
    box-shadow: inset 0px 0.1em 0.6em #1c6fff;
    transform: translateY(0em);
}

.hotFormMc {
    color: #fff;
    width: 50px;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.hotFormItem input {
    float: right;
    width: 214px;
    height: 32px;
    /* caret-color:#6241FF; */
    font-size: 14px;
    text-indent: 8px;
    border-radius: 4px;
    line-height: 32px;
    background: #fff;
    color: #6241FF;
    font-weight: bold;
}

.hotFormBox input::-webkit-input-placeholder {
    color: #BBB4E3 !important;
}

.hotFormBox input:-moz-placeholder {
    color: #BBB4E3 !important;
}

.hotFormBox input::-moz-placeholder {
    color: #BBB4E3 !important;
}

.hotFormBox input:-ms-input-placeholder {
    color: #BBB4E3 !important;
}

.hotFormBox input::-ms-input-placeholder {
    color: #BBB4E3 !important;
}

.privacy {
    overflow: hidden;
    margin-top: 20px;
    font-size: 12px;
    width: 130%;
}

.privacy .check-btn {
    display: block;
    float: left;
    cursor: pointer;
    padding-left: 22px;
    background: url(/template/jsjdj/pc/images/check_default.png) 0 center no-repeat;
    background-size: 14px 14px;
    color: #fff;
}

.privacy .check-btn.on {
    background: url(/template/jsjdj/pc/images/check_on.png) 0 center no-repeat;
    background-size: 14px 14px;
}

.privacy a {
    display: block;
    float: left;
    color: #fff;
}

.privacy a:hover {
    color: #FF00DD;
}

.privacy span {
    float: left;
    color: #fff;
}

.phTx {
    position: absolute;
    top: 33px;
    left: 51px;
    display: none;
    line-height: 12px;
    color: #FF0000;
    font-size: 12px;
    font-style: normal;
}

.hotFormXlBox {
    float: right;
    width: 216px;
    height: 32px;
    position: relative;
}

.hotFormXlTxt {
    width: 214px;
    height: 30px;
    display: block;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    text-indent: 8px;
    color: #ccc;
    background: url(/template/jsjdj/pc/images/arrowup-black.png) right center no-repeat;
    background-size: 25px 16px;
}

.hotFormXlTxt.on {
    background: url(/template/jsjdj/pc/images/arrowdown-black.png) right center no-repeat;
    background-size: 25px 16px;
}

.hotFormXlList {
    position: absolute;
    left: 0px;
    top: 32px;
    display: none;
    width: 216px;
    height: 156px;
    background: #FFFFFF;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.hotFormXlItem {
    display: block;
    margin-left: 16px;
    height: 34px;
    color: #333;
    font-size: 14px;
    line-height: 34px;
}

.hotFormXlItem:hover,
.hotFormXlItem.on {
    color: #6241FF;
}

.hotFormBtn a {
    color: #fff;
    font-size: 16px;
    display: block;
    height: 36px;
    margin-top: 10px;
    line-height: 36px;
    background: linear-gradient(90deg, #FF00FD 0%, #FF008E 100%);
    border-radius: 18px;
    text-align: center;
    font-weight: bold;
}

/* get-code-btn start */

.hotFormCode {
    position: relative;
}

.get-code-btn {
    position: absolute;
    height: 32px;
    right: 0;
    padding: 0 7px 0 0;
    font-size: 14px;
    color: #6241FF;
    font-weight: bold;
    cursor: pointer;
}

.get-code-btn.disabled {
    color: #BBB4E3;
    cursor: not-allowed;
    font-weight: normal
}

/* get-code-btn end */

.bts {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-right: 15px;
    width: 100%;
}

.bts img,
.bts span {
    height: 40px;
    vertical-align: top;
    display: inline-block;
}

.bts span {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    position: relative;
    padding-right: 10px;
}

.bts .btsa {
    font-size: 16px;
    float: right;
    margin: 0px 20px;
    color: #9e9e9e;
}

.bts .btsa:hover {
    color: #6241ff;
}

.bts span i {
    width: 8px;
    height: 8px;
    background: #B4D1FB;
    border-radius: 8px;
    position: absolute;
    bottom: 5px;
    right: 0;
}

.calendarList {
    width: 380px;
    height: 280px;
    background: #FFFFFF;
    border-radius: 16px;
}

.calendarItem {
    width: 166px;
    height: 72px;
    float: left;
    display: block;
    margin-top: 16px;
    margin-left: 16px;
    background: #DDEEFF;
    border-radius: 8px;
    overflow: hidden;
}

.calendarItem>div {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}

.calendarM {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 166px;
    height: 72px;
    border-radius: 8px;
}

.calendarM img {
    display: none;
}

.calendarM img.yue {
    display: block;
}

.calendarItem:hover,
.calendarItem.on {
    /* background:#6241FF; */
}

.calendarItem:hover .calendarM img.yue,
.calendarItem.on .calendarM img.yue {
    display: none;
}

.calendarItem:hover .calendarM img.yues,
.calendarItem.on .calendarM img.yues {
    display: block;
}

.calendarTxt {
    color: #333;
    margin-top: 14px;
    line-height: 24px;
    font-size: 14px;
    margin-left: 14px;
    position: relative;
    z-index: 2;
    font-weight: 600;
}

.calendarItem:hover .calendarTxt,
.calendarItem.on .calendarTxt {
    color: #fff;
}

.calendarAd {
    display: none;
}

.calendarAd.on {
    display: block;
}

.calendarAdItem {
    display: block;
    float: left;
    padding: 20px;
    width: 280px;
    height: 240px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 16px;
    margin-left: 20px;
}

.calendarAdItem:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

.calendarAdItem img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.kyRtiTable {
    width: 968px;
    background: #FFF;
    border-radius: 16px;
    padding: 28px 30px 34px;
}

.kyRtiTableBtn {
    height: 40px;
    margin-bottom: 18px;
    line-height: 40px;
}

.kyRtiTableBtn div {
    float: left;
    width: auto;
    height: 40px;
    overflow: hidden;
}

.kyRtiTableBtn div a {
    display: block;
    float: left;
    font-size: 21px;
    color: #333;
    font-weight: 600;
}

.kyRtiTableBtn div a:hover,
.kyRtiTableBtn div.on a {
    color: #2378ff;
}

.kyRtiTableBtn div span {
    font-size: 24px;
    font-weight: 600;
    color: #ccc;
    display: block;
    float: left;
    margin: 0 13px;
}

.kyRtiSwitchItem {
    display: none;
}

.kyRtiSwitchItem.on {
    display: block;
}

.kyRtiItem {
    margin-bottom: 24px;
}

.kyRtiHref {
    display: block;
    padding: 25px 30px 20px;
    height: 114px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #fff;
}

.kyRtiItemBt {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
}

.kyRtiItemTxt {
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 9px;
    overflow: hidden;
    line-height: 24px;
}

.kyRtiItemLr {
    height: 24px;
    overflow: hidden;
}

.kyRtiItemLr span {
    display: block;
    font-size: 14px;
    color: #999;
}

.kyRtiHref:hover {
    /*border:1px da #6241FF;*/
    border: 1px dashed #6241FF;
}

.kyRtiHref:hover .kyRtiItemBt {
    color: #6241FF;
}

.kyRtiMore {
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 30px;
    margin-top: 10px;
}

.kyRtiMore span {
    padding-left: 24px;
    display: inline-block;
    height: 100%;
    background: url(/template/jsjdj/pc/images/icon_plus_gray.png) 0 center no-repeat;
    background-size: 16px 16px;
}

.kyRtiMore:hover {
    border-color: #6241FF;
    background: #fff;
}

.kyRtiMore:hover span {
    color: #6241FF;
    background: url(/template/jsjdj/pc/images/icon_plus_purple.png) 0 center no-repeat;
    background-size: 16px 16px;
}

.kyRtiDdr {
    width: 350px;
    background: #FFF;
    border-radius: 16px;
    padding: 30px 10px;
    /* box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%); */
}

.kyRtiDdrYear {
    margin-bottom: 11px;
}

.kyRtiDdrBt {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    height: 42px;
    margin-left: 12px;
    margin-bottom: 9px;
    line-height: 42px;
}

.kyRtiDdrYearList {
    padding-left: 6px;
}

.kyRtiDdrYearList a {
    padding: 0 6px;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #333;
    margin-bottom: 17px;
    font-size: 16px;
    margin-right: 17px;
}

.kyRtiDdrYearList a:hover,
.kyRtiDdrSchoolList a:hover {
    color: #FFF;
    background: linear-gradient(90deg, #40caff, #4b8cff);
    /* border-radius: 4px; */
}

.diquRow tr td {
    width: 20%;
    vertical-align: middle;
    word-break: break-all;
    text-align: center;
    font-size: 16px;
    padding: 15px 0px;
}

.diquRow tr td a {
    padding: 6px 8px;
    width: 100%;
    border-radius: 3px;
}

.diquRow tr td a:hover {
    background-image: linear-gradient(90deg, #3a9eff, #2175ff);
    color: #FFF;
    cursor: pointer;
}

.kyRtiDdrSchoolList {
    margin-bottom: 40px;
}

.kyRtiDdrSchoolList a {
    padding: 0 12px;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #333;
    margin-bottom: 17px;
    font-size: 16px;
    margin-right: 16px;
    /* background-color: white; */
    border-radius: 8px;
}

.kyRtiDdrCodeItem {
    width: 152px;
    float: left;
    margin-right: 32px;
    text-align: center;
}

.kyRtiDdrCode {
    margin-left: 12px;
}

.kyRtiDdrCodeItem div {
    padding: 4px;
    width: 144px;
    height: 144px;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    margin: 7px 0px 7px 0px;
}

.kyRtiDdrCodeItem div img {
    display: block;
    width: 100%;
    height: 100%;
}

.kyRtiDdrCodeItem h6 {
    ffont-size: 14px;
    color: #333;
    text-align: center;
    line-height: 20px;
}

/* .btTableList{
    height: 100%;
} */

.btTableList ul li {
    display: block;
    float: left;
    padding: 0 7px 0 5px;
    font-size: 20px;
    color: #333;
    height: 40px;
    font-weight: 600;
    margin-right: 20px;
    line-height: 40px;
}

.btTableList ul li.on {
    color: #6241FF;
    background: url(/template/jsjdj/pc/images/quxian.png) right 28px no-repeat;
    background-size: 15px 12px;
    cursor: default
}

.bkBox {
    height: 520px;
}

.bkLeftBox {
    width: 960px;
}

.tableBoxs>div {
    display: none;
}

.tableBoxs>div.on {
    display: block;
}

.bkLeftBoxL,
.bkLeftBoxR {
    width: 440px;
    margin-right: 40px;
}

.bkLeftAd {
    width: 440px;
    height: 240px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 40px;
}

.bkBoxs {
    padding: 20px 30px 16px;
    background: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 40px;
}

#bkBoxsz ul {
    float: left;
    width: 368px;
}

.bkListli {
    float: left;
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    margin-right: 5%;
    overflow: hidden;
    width: 100%;
}

.data-name:hover {
    color: #6241FF;
}

.bkListli a {
    position: relative;
    display: block;
    width: 100%;
    color: #333;
}

.bkListli img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
}

.bkListli p {
    padding: 0 66px 0 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bkListli span {
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.bkBoxs:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

.bkBt {
    height: 34px;
}

.bkBt p {
    display: inline-block;
    /* padding: 0 12px; */
    height: 34px;
    font-weight: 600;
    color: black;
    text-align: center;
    font-size: 18px;
    /* background: #6241FF; */
    border-radius: 4px;
    line-height: 34px;
}

.bkBt p:hover {
    color: #1c70ff;
}

/* .bkBt a {
	display: inline-block;
	padding: 0 12px;
	height: 34px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	font-size: 18px;
	background: #6241FF;
	border-radius: 4px;
	line-height: 34px;
} */

.bkBt .bkBoxs_pa {
    display: inline-block;
    padding: 0 12px;
    height: 34px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: #6241FF;
    border-radius: 4px;
    line-height: 34px;
}

.bkBt .bkBoxs_a {
    float: right;
    padding-top: 3px;
}

.bkBt .bkBoxs_a i {
    width: 30px;
    height: 30px;
    background-image: url('/template/jsjdj/pc/images/indexmore.png');
    background-size: 100%;
    display: block;
}

.bkBt span {
    padding: 0px 8px;
}

.biListItem a {
    display: block;
    height: 34px;
    line-height: 34px;
    position: relative;
    padding-right: 40px;
}

.biListItem a span {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.biListItem a i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-style: normal;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
}

.biListItem a:hover span,
.biListItem a:hover i {
    color: #6241FF;
}

.bkRightBox {
    width: 380px;
    height: 528px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 18px 30px 0;
}

.bkBtBox {
    height: 36px;
    line-height: 36px;
    margin-bottom: 3px;
}

.bkBt {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 36px;
    margin-bottom: 12px;
}

.bkBtHref {
    font-size: 14px;
    color: #999;
    padding-right: 18px;
    line-height: 20px;
    background: url(/template/jsjdj/pc/images/icon_morearowgray.png) right center no-repeat;
    background-size: 16px 16px;
}

.bkBtHref:hover {
    color: #6241FF;
    background: url(/template/jsjdj/pc/images/icon_morearowpurple.png) right center no-repeat;
    background-size: 16px 16px;
}

.videoItem {
    margin-bottom: 8px;
    cursor: pointer;
}

.videoItemUp {
    width: 380px;
    height: 253px;
    display: none;
    overflow: hidden;
    border-radius: 16px;
}

.videoItemUp a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.videoItemTxt {
    position: absolute;
    left: 0;
    width: 100%;
    height: 36px;
    bottom: 0;
    z-index: 2;
}

.videoItemAd {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoItemAd img {
    display: block;
    width: 100%;
    height: 100%;
}

.videoItemTxtWz,
.videoItemTxtBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoItemTxtWz {
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-indent: 9px;
}

.videoItemTxtBg {
    z-index: 1;
    opacity: 0.5;
    background: #000;
    filter: alpha(opacity=50);
}

.videoItemDown {
    height: 52px;
    overflow: hidden;
}

.videoItemDownBt {
    padding-left: 20px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    background: url(/template/jsjdj/pc/images/icon_video_s_black.png) 0 center no-repeat;
    background-size: 16px 16px;
}

.videoItemDownNaum {
    margin-left: 20px;
    height: 22px;
    line-height: 22px;
}

.videoItemDownNaum span {
    display: block;
    color: #999;
    font-size: 14px;
}

.videoItem.on .videoItemUp {
    display: block;
}

.videoItem.on .videoItemDown {
    display: none;
}

/* .hpAd{
    padding:40px 0;
    background:#f7f8fa;
} */

.hpAds {
    display: block;
    width: 100%;
    height: 120px;
    border-radius: 15px;
    overflow: hidden;
}

.hpAds img {
    display: block;
    width: 1400px;
    height: 100%;
    border-radius: 16px;
}

.retestAdjustBg {
    padding: 21px 30px 31px;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
}

.retestAdjustBox {
    width: 1400px;
}

.retestAdjustItem {
    float: left;
    /* width: 410px; */
    margin-right: 55px;
}

.reAdllItem {
    float: left;
    width: 45%;
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    margin-right: 5%;
    overflow: hidden;
}

.retestAdjustBt {
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    margin-bottom: 8px;
}

.retestAdjustBt i {
    width: 6px;
    height: 20px;
    background: #6241FF;
    border-radius: 4px;
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 18px;
}

.retestAdjustBt a {
    float: left;
    font-weight: 600;
    color: #333;
    font-size: 20px;
    line-height: 40px;
}

.reAdllItemHref {
    position: relative;
    display: block;
    width: 100%;
    color: #333;
}

.reAdllItemHref b {
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    top: 17px;
    left: 0;
    border-radius: 6px;
    position: absolute;
}

.reAdllItemHref img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
}

.reAdllItemHref i {
    font-style: normal;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.reAdllItemHref span {
    padding: 0 66px 0 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reAdllItemHref:hover span,
.reAdllItemHref:hover i,
.reAdllItemHref:hover b {
    color: #6241FF;
}

.reAdllItemHref2 {
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0 60px 0 24px;
}

.reAdllItemHref2 span {
    display: block;
    padding-left: 14px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reAdllItemHref2 span:hover {
    color: #6b46ff;
}

.reAdllItem3 {
    float: left;
    width: 50%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reAdllItem3 a {
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0px 42px 0 18px;
}

.reAdllItem3 b {
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    top: 17px;
    left: 0;
    border-radius: 6px;
    position: absolute;
}

.reAdllItem3 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reAdllItem3 i {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    font-style: normal;
}

.reAdllItem3:hover span,
.reAdllItem3:hover i,
.reAdllItem3:hover b {
    color: #6241FF;
}

.selectedGcsList {
    width: 960px;
}

.selectedGcsItem {
    float: left;
    width: 290px;
    height: 243px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.teacherHref {
    display: block;
    height: 212px;
    padding: 25px 15px 0;
    border: 3px solid #F7F8FA;
    border-radius: 16px;
    overflow: hidden;
    background: #F7F8FA;
}

.teacherHref:hover {
    border-color: #6241FF;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(28, 112, 255, 0.3);
}

.teacherHref:hover .selectedGcsItemBt {
    color: #6241FF;
}

.selectedGcsItemBt {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    height: 56px;
    margin-bottom: 18px;
    overflow: hidden;
    line-height: 28px;
}

.teacherBox {
    width: 210px;
    height: 73px;
    padding-right: 16px;
    position: relative;
}

.teacherMores {
    width: 16px;
    height: 16px;
    top: 18px;
    right: 0;
    position: absolute;
}

.teacherMores img {
    display: block;
    width: 100%;
    height: 100%;
}

.teacherList {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.teacherItem {
    float: left;
    width: 58px;
    margin-right: 8px;
}

.teacherHead {
    height: 48px;
    width: 48px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    border-radius: 40px;
    margin-bottom: 5px;
}

.teacherHead img {
    display: block;
    width: 100%;
    height: 100%;
}

.teacherName {
    display: block;
    height: 20px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contItemMoney {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin-top: 13px;
}

.contItemMoneyL {
    max-width: 50%;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.contItemMoneyR {
    width: 50%;
    color: #ff7600;
    font-size: 24px;
    text-align: right;
    font-weight: 700;
    white-space: nowrap;
}

.liveBox {
    width: 440px;
}

.liveCurse {
    border-radius: 16px;
    padding: 30px 30px 15px;
    background: #F7F8FA;
}

.liveCurseItem {
    margin-bottom: 15px;
}

.liveCurseHref {
    display: block;
    height: 125px;
    padding: 15px 15px 0;
    background: #fff;
    border-radius: 8px;
}

.liveCurseHref:hover {
    background: #AA6EFF;
    background: -webkit-linear-gradient(168deg, #AA6EFF 0%, #6241FF 100%);
    background: -o-linear-gradient(168deg, #AA6EFF 0%, #6241FF 100%);
    background: linear-gradient(168deg, #AA6EFF 0%, #6241FF 100%);
}

.liveCurseBt {
    height: 50px;
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin-bottom: 10px;
}

.liveCurseTime {
    height: 20px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 2px;
}

.liveCurseTm {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.remainTime {
    font-size: 14px;
    color: #666;
}

.liveCurseFl {
    font-size: 22px;
    color: #ff7600;
    font-weight: 700;
}

.liveCurseHref:hover .liveCurseBt,
.liveCurseHref:hover .liveCurseTime,
.liveCurseHref:hover .remainTime,
.liveCurseHref:hover .liveCurseFl {
    color: #fff;
}

.dataBox {
    width: 920px;
    border-radius: 16px;
}

.dataDisp {
    width: 480px;
    height: 376px;
    padding: 30px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 16px;
}

.dataDisp a,
.dataDisp img {
    display: block;
}

.dataDisp a {
    display: none;
}

.dataDisp a.on {
    display: block;
}

.databtns {
    padding-left: 12px;
    width: 340px;
    height: 436px;
    position: relative;
}

.databtnSjicon {
    width: 12px;
    height: 30px;
    left: 0;
    top: 218px;
    display: block;
    overflow: hidden;
    margin-top: -15px;
    position: absolute;
}

.databtnSjicon img {
    display: block;
    /* width: 100%;
    height: 100%; */
}

.databtnBox {
    padding: 30px;
    height: 376px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 16px;
}

/* .databtnBox a{
    display: block;
    height: 56px;
    line-height: 56px;
    padding:0 12px;
    overflow: hidden;
    font-size: 16px;
    color:#333;
    background:#EFF6FE;
    border-radius: 8px;
    margin-bottom: 8px;
} */

/* .databtnBox a:hover,.databtnBox a.on{
    color:#fff;
    background:#6241FF;
} */

/* .booksBox{
    margin-left: 50px;
} */

.booksSwiper {
    padding: 30px 20px;
    overflow: hidden;
    height: 520px;
    border-radius: 16px;
    background-color: white;
}

.booksSwiper li img {
    width: 360px;
    height: 240px;
}

/*直播*/

.live-main {
    background-color: #1B1B1B;
    overflow: hidden;
}

.live-main .do-the {
    background-color: #3C3C3C;
    position: relative;
    height: 60px;
}

.live-main .do-le {
    width: 75%;
    float: left;
}

.live-main .do-rg {
    width: 25%;
    float: right;
}

.live-main .do-thliks {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.live-main .do-thliks>span {
    border-style: solid;
    border-color: #2C2C2C;
    border-width: 0px 1px 0px 0px;
    position: relative;
    overflow: hidden;
    display: block;
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 0px 20px;
    float: left;
    min-width: 160px;
    font-weight: 600;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.live-main .do-thliks>span:hover,
.live-main .do-thliks>span.on {
    background-color: #4C76E2;
}

.live-main .do-province {
    position: relative;
}

.live-main .do-province-btn {
    display: block;
    border: 1px solid #686868;
    position: relative;
    margin: 10px 10px 2px;
    padding: 0px 50px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.live-main .do-province-tit {
    height: 36px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.live-main .do-province-down {
    width: 40px;
    height: 30px;
    border-left: 1px solid #686868;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display: block;
    padding: 0px 0px 0px 4px;
    position: absolute;
    font-size: 18px;
    color: #9B9B9B;
    top: 50%;
    right: 4px;
    margin-top: -15px;
}

.live-main .do-province-btn:hover {
    border: 1px solid #7C7C7C;
}

.live-main .do-province-btn:hover .do-province-down {
    border-left: 1px solid #7C7C7C;
    color: #7C7C7C;
}

.live-main .do-province-select {
    position: absolute;
    top: 100%;
    left: 12px;
    right: 12px;
    background-color: #1B1B1B;
    z-index: 20;
    overflow: hidden;
    border: 1px solid #3C3C3C;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, .6);
    color: #fff;
    margin-top: 10px;
    display: none;
}

.live-main .do-province-select ul {
    padding: 10px 5px;
}

.live-main .do-province-select li {
    float: left;
    width: 25%;
    position: relative;
}

.live-main .do-province-select li a {
    border: 1px solid #FFFFFF;
    color: #fff;
    margin: 0px 5px 10px;
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
}

.live-main .do-province-select li a:hover,
.live-main .do-province-select li a.on {
    background-color: #4C76E2;
    border: 1px solid #4C76E2;
    color: #fff;
}

.live-main .do-live {
    width: 100%;
    height: 120px;
    padding-bottom: 56.2%;
    position: relative;
    overflow: hidden;
}

.live-main .do-live-in {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.live-main .do-live-in iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.live-main .do-console {
    width: 100%;
    height: 514px;
    position: relative;
    overflow: hidden;
    background-color: #1B1B1B;
}

.live-main .do-console-tap {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    background-color: #252525;
}

.live-main .do-console-tap>a {
    background-color: #3C3C3C;
    display: block;
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.live-main .do-console-tap>a:hover {
    background-color: #393939;
}

.live-main .do-console-tap>a.on {
    background-color: #000;
}

.live-main .do-console-list {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 63px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .4);
    background-color: #000;
}

.live-main .do-console-list .anay-doc {
    position: relative;
    display: none;
    color: #fff;
    height: 100%;
    overflow: auto;
    padding: 10px 0px;
}

/* 设置滚动条的样式 */

.live-main .do-console-list .anay-doc::-webkit-scrollbar {
    width: 8px;
}

/* 滚动槽 */

.live-main .do-console-list .anay-doc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

/* 滚动条滑块 */

.live-main .do-console-list .anay-doc::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #bbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.live-main .do-console-list .anay-doc::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.3);
}

.live-main .do-console-list .anay-on {
    display: block;
}

.live-main .anay-sify {}

.live-main .anay-sify-the {
    position: relative;
    padding: 0px 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-main .anay-video {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 2px 0px;
    padding: 0px 94px 0px 14px;
    color: #ddd;
    cursor: pointer;
}

.live-main .anay-sify .anay-video {
    padding: 0px 40px 0px 24px;
}

.live-main .anay-video .anay-video-tit {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-left: 10px;
}

.live-main .anay-video.pe-lock .anay-video-tit {
    color: #989898 !important;
}

.live-main .anay-video.play-ing {
    padding: 0px 64px 0px 0px;
}

.live-main .anay-video.play-ing .anay-video-tit {
    color: #ffffff;
}

.live-main .anay-video.play-ing .anay-video-tit:hover {
    color: #4c76e2;
}

.live-main .anay-video .anay-video-play {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    display: none;
}

.live-main .anay-video.play-ing .anay-video-play {
    display: block;
}

.live-main .anay-video .anay-video-play .xt {
    width: 3px;
    height: 10px;
    bottom: 4px;
    display: block;
    background-color: #ffffff;
    position: absolute;
}

.live-main .anay-video .anay-video-play .xt-1 {
    left: 4px;
    animation: xtiny1 1.4s ease infinite;
}

.live-main .anay-video .anay-video-play .xt-2 {
    left: 10px;
    animation: xtiny2 1.4s ease infinite;
}

.live-main .anay-video .anay-video-play .xt-3 {
    left: 16px;
    animation: xtiny3 1.4s ease infinite;
}

@keyframes xtiny1 {
    0% {
        height: 6px;
    }
    50% {
        height: 12px;
    }
    100% {
        height: 6px;
    }
}

@keyframes xtiny2 {
    0% {
        height: 12px;
    }
    50% {
        height: 6px;
    }
    100% {
        height: 12px;
    }
}

@keyframes xtiny3 {
    0% {
        height: 10px;
    }
    50% {
        height: 14px;
    }
    100% {
        height: 10px;
    }
}

.live-main .anay-video .anay-video-state {
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    top: 50%;
    margin-top: -11px;
    right: 0px;
    display: block;
    position: absolute;
    border-radius: 12px;
    font-size: 12px;
}

.live-main .anay-video .anay-video-state.te-free {
    background-color: #CD291F;
    color: #fff;
    font-size: 12px;
}

.live-main .anay-video .anay-video-state.te-login {
    background-color: #00780F;
    color: #fff;
    font-size: 12px;
}

.live-main .anay-video .anay-video-state.te-lock {
    color: #989898;
    font-size: 20px;
}

.live-main .do-console-links {
    position: absolute;
    height: 63px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #252525;
}

.live-main .do-console-links>a {
    background-color: #252525;
    display: block;
    float: left;
    width: 50%;
    height: 63px;
    line-height: 21px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.live-main .do-console-links>a.info {
    background-color: #252525;
    cursor: pointer;
}

.live-main .do-console-links>a.info:hover {
    background-color: #3E3E3E;
}

.live-main .do-console-links>a.buy {
    background-color: #CD291F;
}

.live-main .do-console-links>a.buy:hover {
    background-color: #E52E24;
}

/* 直播 */

.booksSwiper .swiper-slide a {
    display: block;
    width: 256px;
    height: 376px;
    margin: 0 auto;
}

.booksSwiper .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
}

.booksSwiper .swiper-button-prev {
    background: url(/template/jsjdj/pc/images/honor_arrowleft_gray.png) center no-repeat;
}

.booksSwiper .swiper-button-prev:hover {
    background: url(/template/jsjdj/pc/images/honor_arrowleft_black.png) center no-repeat;
}

.booksSwiper .swiper-button-next {
    background: url(/template/jsjdj/pc/images/honor_arrowright_gray.png) center no-repeat;
}

.booksSwiper .swiper-button-next:hover {
    background: url(/template/jsjdj/pc/images/honor_arrowright_black.png) center no-repeat;
}

.footerBox {
    padding: 0px 0px 20px 0px;
    background: #FFF;
}

.footeryl {
    background-color: #fff;
    clear: both;
    /* width: 1194px; */
    overflow: auto;
    border: 3px solid #1c70ff;
    position: relative;
    min-height: 180px;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: auto;
    max-width: 1500px;
    min-width: 1000px;
}

.cont-promote {
    background-color: #1c70ff;
    height: 37px;
}

.cont-promote ul li {
    color: #fff;
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 37px;
    cursor: pointer;
}

.cont-promote-cont {
    float: left;
    padding: 10px;
    max-width: 1200px;
}

.cont-promote-cont-list li {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.cont-promote-this {
    color: #4680fe !important;
    background-color: #fff;
}

.cont-promote-cont-list li a:link {
    color: #333;
    text-decoration: none;
}

.cont-promote-cont-list li a:hover {
    color: #1c70ff;
    cursor: pointer;
}

.cont-promote-cont-list li a {
    font-size: 16px;
    line-height: 36px;
}

.cont-promote-img {
    float: right;
    position: absolute;
    top: 24%;
    right: 30px;
}

.cont-promote-img img {
    /* width: 100%; */
    height: 102px;
}

.footer-list {
    height: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.footer-list a {
    /* color: #888; */
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin: 0 18px;
    vertical-align: top;
    display: inline-block;
}

.footerBox p {
    /* color: #888; */
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.footer-as {
    text-align: center;
}

.footer-as a,
.footer-as span {
    display: inline-block;
    color: #888;
    vertical-align: top;
    line-height: 22px;
    font-size: 12px;
}

.footer-as span {
    margin: 0 5px;
}

.footerBox a:hover {
    color: #1c70ff;
}

.footer_icon {
    margin-top: 18px;
    text-align: center;
}

.footer_icon a {
    width: 130px;
    height: 50px;
    margin: 0 8px;
    vertical-align: top;
    display: inline-block;
}

.footer_icon a img {
    display: block;
    width: 100%;
    height: 100%;
}

/****footer-新样式2******/

.footer-wrapper {
    width: 100%;
    line-height: 30px;
    background: #282828;
    color: #ababab;
}

.footer-nav {
    line-height: 30px;
    text-align: center;
    padding: 15px 0;
}

.footer-nav a {
    margin-right: 14px;
}

.footer-wrapper a {
    color: #ababab;
}

.footer-wrapper .footer {
    position: relative;
    width: 1180px;
    height: 190px;
    margin: 0 auto;
    border-top: 1px solid #3d3d3d;
}

.footer-wrapper .footer-list2 {
    position: absolute;
    top: 24px;
    left: 0px;
    color: #ababab;
}

.footer-wrapper .footer-list2 a {
    margin-right: 10px;
}

.footer-wrapper .footer-units {
    position: absolute;
    top: 67px;
    left: 0px;
    color: #ababab;
}

.footer-wrapper .footer-media {
    position: absolute;
    top: 24px;
    left: 530px;
    color: #ababab;
}

.footer-wrapper .footer-media td {
    color: #ababab;
}

.footer-wrapper .footer-msg {
    position: absolute;
    top: 27px;
    left: 844px;
    font-size: 16px;
    color: #ababab;
}

/****footer-新样式2-end*****/

.rightFixed {
    bottom: 70px;
    right: 10px;
    width: 64px;
    height: auto;
    z-index: 99999;
    position: fixed;
}

.rightFixedItem {
    margin-bottom: 10px;
    position: relative;
}

.rightFixedHref {
    position: relative;
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

.rightFixedIcon {
    display: block;
    width: 36px;
    height: 36px;
    margin: 14px auto 0;
}

.rightFixedIcon img {
    display: block;
    width: 100%;
    height: 100%;
}

.rightFixedTxt {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    color: #fff;
    width: 100%;
    height: 52px;
    font-size: 16px;
    padding-top: 12px;
    line-height: 20px;
    text-align: center;
    background: #6241FF;
}

.rightFixedItem:hover .rightFixedTxt {
    display: block;
}

.rightCode {
    left: -160px;
    bottom: -400%;
    z-index: 1;
    display: none;
    padding-right: 20px;
    margin-bottom: 200px;
    position: absolute;
}

.rightCodeList {
    padding: 15px 15px 0;
    width: 110px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
    overflow: hidden;
}

.rightCodeItem {
    margin-bottom: 10px;
}

.rightCodeImg {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 5px;
}

.rightCodeImg img {
    display: block;
    width: 100%;
    height: 100%;
}

.rightCodeName {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 6px;
}

.rightDas {
    width: 25px;
    height: 20px;
    left: -25px;
    top: 50%;
    z-index: 2;
    margin-top: -10px;
    display: none;
    overflow: hidden;
    position: absolute;
}

.rightDas img {
    display: block;
    width: 100%;
    height: 100%;
}

.rightFixedItem:hover .rightDas,
.rightFixedItem:hover .rightCode {
    display: block;
}

.fixMod {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 56px;
    z-index: 10;
    margin-left: -766px;
    margin-top: -186px;
}

.fixMod a {
    display: block;
    width: 56px;
    height: 46px;
    padding-top: 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
    background: #fff;
    line-height: 18px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06);
    border-radius: 8px;
    margin-bottom: 6px;
    cursor: pointer;
}

.fixMod a.on,
.fixMod a:hover {
    background: #6241FF;
    color: #fff;
}

.maaSuccess {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999999;
}

.maaSuccessBg {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.maaSuccessBox {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 480px;
    height: 320px;
    z-index: 2;
    margin-left: -240px;
    margin-top: -160px;
    background: #FFFFFF;
    border-radius: 16px;
}

.maaSuccessBox div {
    width: 130px;
    height: 106px;
    margin: 46px auto 6px;
}

.maaSuccessBox div img {
    display: block;
    width: 100%;
    height: 100%;
}

.maaSuccessBox h6 {
    height: 48px;
    font-size: 32px;
    font-weight: 600;
    color: #6241FF;
    margin-bottom: 16px;
    text-align: center;
    line-height: 48px;
}

.maaSuccessBox p {
    height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    text-align: center;
    line-height: 24px;
}

.maaSuccessBox .pop-close-btn,
.cityBtn {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    background: url(/template/jsjdj/pc/images/close5.png) center no-repeat;
}

.maaSuccessBox .pop-close-btn:hover,
.cityBtn:hover {
    background: url(/template/jsjdj/pc/images/close-hover.png) center no-repeat;
}

.btBox {
    position: relative;
}

.cityName {
    height: 100%;
}

.cityName a {
    display: block;
    padding-right: 16px;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    background: url(/template/jsjdj/pc/images/citymicon.png) right center no-repeat;
    background-size: 16px 16px;
}

.cityName a.on {
    background: url(/template/jsjdj/pc/images/citymicons.png) right center no-repeat;
    background-size: 16px 16px;
}

.cityBox {
    display: none;
    left: 0;
    top: 60px;
    width: 100%;
    z-index: 999;
    position: absolute;
}

.cityBg {
    height: 485px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 25px 30px 0;
    margin-right: 40px;
    position: relative;
}

.content-item {
    position: relative;
    padding-left: 100px;
    line-height: 48px;
}

.popup-head {
    height: 48px;
}

.sort-title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.popup-current-city {
    padding-left: 20px;
    background: url(/template/jsjdj/pc/images/061.png) 0 center no-repeat;
    background-size: 14px 16px;
    font-size: 16px;
    color: #6241FF;
    margin-left: 14px;
}

.letter-filter {
    font-size: 14px;
    overflow: hidden;
}

.main-content {
    max-height: 355px;
    margin-top: 10px;
    overflow: auto;
}

.letter-list {
    float: left;
    width: 44px;
    height: 48px;
    color: #999;
    text-align: center;
    cursor: pointer;
}

.letter-list.current,
.letter-list:hover,
.filter-item:hover {
    color: #6241FF;
}

.filter-item {
    display: inline-block;
    margin: 0 16px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}

.main-content .filter-sort-list {
    display: none;
}

.navContentList {
    display: none;
}

/* .hpAdTab{
    padding:25px 0 0;
} */

#jesong_chat_min_text {
    color: white !important;
}

.jesong_sprite {
    color: white !important;
}

.hotFormBtn a {
    -webkit-animation: free_download .5s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    /* Safari 和 Chrome */
    -webkit-animation: free_download .5s infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes free_download {
    0% {
        -webkit-transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes free_download {
    0% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

/* 轮播图 */

.slides-box {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.slides {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    float: left;
}

.slides li {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slides li span {
    position: absolute;
    font-size: 18px;
    line-height: 44px;
    width: 390px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    bottom: 0;
    font-weight: bold;
    color: #ffffff;
    background: #3a383885;
}

.slides li img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
}

.prev,
.next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    /* background-color: #000; */
    opacity: .5;
}

.prev:hover,
.next:hover {
    opacity: .7;
}

.prev {
    background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");
}

.next {
    left: auto;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");
}

/* .pagination{
	position: absolute;
	bottom: 5px;
	z-index: 99;
}
.pagination li{
    padding: 5px 3px;
	float: left;
} */

/* .pagination li a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    background: #000;
	color: #fff;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
} */

/* .pagination .active{
	background: red;
} */

.s1 {
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -250px;
    width: 500px;
    height: 300px;
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.s1 p {
    margin: 0;
    padding: 50px 0 20px 0;
    font-family: Arial;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
}

.s1 span {
    display: block;
    font-family: Arial;
    font-size: 25px;
    color: #666;
    text-align: center;
}

.s1 a {
    margin: 20px auto 0 auto;
    display: block;
    width: 220px;
    height: 50px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    font-family: Arial;
    font-size: 25px;
    background: #f88371;
}

.s1 a:hover {
    background: #ed6f5c;
}

@media (max-width:480px) {
    .s1 {
        margin: -127px 0 0 0;
        width: 80%;
        height: 255px;
        left: 10%;
    }
    .s1 p {
        font-size: 36px;
    }
    .s1 span {
        font-size: 18px;
    }
}

/* 轮播图end */

/* 教材图书CSS */

#wowslider-container {
    zoom: 1;
    position: relative;
    max-width: 580px;
    margin: 0 auto;
    z-index: 100;
    border: none;
    text-align: left;
    /* reset align=center */
}

* html #wowslider-container {
    width: 580px
}

#wowslider-container ul {
    position: relative;
    width: 10000%;
    height: auto;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    overflow: visible;
    /*table-layout:fixed;*/
}

#wowslider-container .ws_images ul li {
    width: 1%;
    line-height: 0;
    /*opera*/
    float: left;
    font-size: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#wowslider-container .ws_images {
    position: relative;
    left: 0;
    top: 0;
    width: 380px;
    /* height:380px; */
    overflow: hidden;
}

#wowslider-container .ws_images a {
    width: 100%;
    display: block;
    color: transparent;
}

#wowslider-container .ws_images img {
    /* width:100%; */
    border: none 0;
    max-width: none;
    height: 420px;
}

#wowslider-container a {
    text-decoration: none;
    outline: none;
    border: none;
}

#wowslider-container .ws_bullets {
    font-size: 0px;
    float: left;
    position: absolute;
    z-index: 70;
}

#wowslider-container .ws_bullets div {
    position: relative;
    float: left;
}

#wowslider-container a.wsl {
    display: none;
}

#wowslider-container .ws_bullets {
    padding: 10px;
}

#wowslider-container .ws_bullets a {
    width: 15px;
    height: 15px;
    background: url(/template/jsjdj/pc/images/bullet.png) left top;
    float: left;
    text-indent: -4000px;
    position: relative;
    margin-left: 3px;
    color: transparent;
}

#wowslider-container .ws_bullets a:hover {
    background-position: 0 50%;
}

#wowslider-container .ws_bullets a.ws_selbull {
    background-position: 0 100%;
}

#wowslider-container a.ws_next,
#wowslider-container a.ws_prev {
    position: absolute;
    display: none;
    top: 50%;
    margin-top: -50px;
    z-index: 60;
    height: 100px;
    width: 60px;
    background-image: url(/template/jsjdj/pc/images/arrows.png);
}

#wowslider-container a.ws_next {
    background-position: 100% 0;
    right: 0;
}

#wowslider-container a.ws_prev {
    left: 0;
    background-position: 0 0;
}

* html #wowslider-container a.ws_next,
* html #wowslider-container a.ws_prev {
    display: block
}

#wowslider-container:hover a.ws_next,
#wowslider-container:hover a.ws_prev {
    display: block
}

/* bottom center */

#wowslider-container .ws_bullets {
    top: 5px;
    right: 10px;
}

#wowslider-container .ws_bullets .ws_bulframe {
    top: 20px;
}

#wowslider-container .ws_bullets .ws_bulframe {
    top: 20px;
}

#wowslider-container .ws-title {
    position: absolute;
    bottom: 30px;
    left: 42px;
    z-index: 50;
    padding: 12px;
    color: #000000;
    background: #fff;
    font-family: Oswald, Impact, Charcoal, sans-serif;
    font-size: 30px;
    text-shadow: 1px 1px 1px #BBBBBB;
    line-height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#wowslider-container .ws-title div {
    font-size: 25px;
    text-shadow: 1px 1px 1px #000000;
}

#wowslider-container ul {
    animation: wsBasic 12s infinite;
    -moz-animation: wsBasic 12s infinite;
    -webkit-animation: wsBasic 12s infinite;
}

@keyframes wsBasic {
    0% {
        left: -0%
    }
    16.67% {
        left: -0%
    }
    33.33% {
        left: -100%
    }
    50% {
        left: -100%
    }
    66.67% {
        left: -200%
    }
    83.33% {
        left: -200%
    }
}

@-moz-keyframes wsBasic {
    0% {
        left: -0%
    }
    16.67% {
        left: -0%
    }
    33.33% {
        left: -100%
    }
    50% {
        left: -100%
    }
    66.67% {
        left: -200%
    }
    83.33% {
        left: -200%
    }
}

@-webkit-keyframes wsBasic {
    0% {
        left: -0%
    }
    16.67% {
        left: -0%
    }
    33.33% {
        left: -100%
    }
    50% {
        left: -100%
    }
    66.67% {
        left: -200%
    }
    83.33% {
        left: -200%
    }
}

#wowslider-container .ws_shadow {
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: -20%;
    z-index: -1;
}

#wowslider-container .ws_bullets a img {
    text-indent: 0;
    display: block;
    top: 15px;
    left: -123px;
    visibility: hidden;
    position: absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
    max-width: none;
}

#wowslider-container .ws_bullets a:hover img {
    visibility: visible;
}

#wowslider-container .ws_bulframe div div {
    height: 90px;
    overflow: visible;
    position: relative;
}

#wowslider-container .ws_bulframe div {
    left: 0;
    overflow: hidden;
    position: relative;
    width: 246px;
    background-color: #FFFFFF;
}

#wowslider-container .ws_bullets .ws_bulframe {
    display: none;
    overflow: visible;
    position: absolute;
    cursor: pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}

#wowslider-container .ws_bulframe span {
    display: block;
    position: absolute;
    top: -11px;
    margin-left: -5px;
    left: 123px;
    background: url(/template/jsjdj/pc/images/triangle.png);
    width: 15px;
    height: 6px;
}

/* 教材图书end				  */

.databtnBox p {
    display: block;
    height: 56px;
    line-height: 56px;
    padding: 0 12px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    /* background: #EFF6FE; */
    border-radius: 8px;
    margin-bottom: 8px;
}

.on {
    color: blue;
}

.databtnBox b {
    display: block;
    background-color: #ccc;
    width: 6px;
    height: 6px;
    top: 54px;
    left: 36px;
    border-radius: 6px;
    position: absolute;
}

.databtnBox span {
    display: block;
    /* width: 100%;
	height: 100%; */
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.databtnBox i {
    position: absolute;
    right: 34px;
    top: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    font-style: normal;
}

.databtnBox .on:hover {
    display: block;
    overflow: hidden;
    color: #333;
    background: #EFF6FE;
    border-radius: 8px;
}

#marquee4 {
    width: 1370px;
    height: 415px;
    overflow: hidden;
    float: right;
    margin: 0px 15px;
}

#marquee4 ul {
    width: 3270px;
    /* width: 2800px;
	height: 178px; */
    overflow: hidden;
}

#marquee4 ul li {
    float: left;
    width: 310px;
    margin: 0px 5px;
    text-align: center;
    /* height: 350px; */
}

#marquee4 ul li a {
    /* display: block; */
    overflow: hidden;
    width: 280px;
    float: left;
    line-height: 21px;
}

#marquee4 ul li a img {
    display: block;
    /* width: 248px; */
    height: 365px;
}

#marquee4 ul li p {
    margin-top: 10px;
}

.calenbox tr td {
    word-break: break-all;
    text-align: center;
    width: 315px;
    height: 84px;
    vertical-align: middle;
    font-size: 16px;
}

.calenbox tr td a {
    color: white;
    padding: 28px 22px;
    background-image: linear-gradient(90deg, #3a9eff, #2175ff);
}

#calendarListzkz {
    padding: 28px 28px;
}

.calenbox tr td a:hover {
    color: blue;
}

.informationR {
    width: 100%;
}

.exchange {
    width: 100%;
    height: 315px;
    /* background: #a4d7fe; */
    border-radius: 10px;
    margin-bottom: 10px;
}

.exchangeBt {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 58px;
    height: 58px;
}

.exchangeImg {
    width: 220px;
    height: 220px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
}

.exchangeImg img {
    display: block;
    width: 100%;
    height: 100%;
}

.official img {
    width: 130px;
    height: 130px;
    padding: 3px 3px;
}

.officialItem {
    width: 150px;
    /* overflow: hidden; */
    height: 150px;
    /* background: #98dfb9; */
    /* background-image: url(/template/jsjdj/pc/images/wx_gzh.img); */
    border-radius: 10px;
    position: relative;
    text-align: center;
}

/* 微信.公众号图片 */

/* #wximg {
	background-image: url(/template/jsjdj/pc/images/wx_qun.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
} */

/* #wximg:hover {
	background-image: url(/template/jsjdj/pc/images/wx_kf.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
} */

/* #gzhimg {
	background-image: url(/template/jsjdj/pc/images/wx_gzh.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
 */

/* #gzhimg:hover {
	background-image: url(/template/jsjdj/pc/images/wx_gzh.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
} */

/* 微信.公众号图片 */

.officialBt {
    height: 160px;
    line-height: 160px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    color: #fff;
    width: 100%;
}

.officialImg {
    width: 100%;
    height: 145px;
    position: absolute;
    top: 7px;
    left: -2px;
    display: none;
}

.officialImg img {
    display: block;
    width: 76%;
    height: 90%;
    padding: 7px 22px;
}

.officialItem.fr {
    /* background: #bed876; */
}

.bkLeftBoxcon {
    display: block;
    background: #109cff;
    /* height: 40px; */
    line-height: 40px;
    margin: 0px 50px 0px 20px;
    border-radius: 6px;
}

.bkLeftBoxcon span {
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}

.bkLefton {
    color: #6241ff !important;
    border-radius: 6px;
    background-color: white;
}

.databtnBox .on:hover {
    background: #fff;
    border-radius: 0px;
}

.databtnBox .on span:hover {
    color: blue;
}

.bkBt a {
    float: left;
}

.videoAd {
    width: 100%;
    /* margin-top: 18px; */
}

.videoBox {
    width: 380px;
    height: 310px;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.videoFrame {
    width: 380px;
    height: 240px;
    display: block;
    z-index: 1;
    position: absolute;
}

.videoFrame img {
    width: 380px;
    height: 240px;
    display: block;
}

.playBtn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/template/jsjdj/pc/images/playBtn.png) center no-repeat;
    position: absolute;
}

.videoBt {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 14px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.65);
}

.videoBtn {
    height: 35px;
    line-height: 35px;
    width: 100%;
    color: #fff;
    display: block;
    border-radius: 6px;
    font-size: 16px;
    background: #4688f6;
    text-align: center;
    margin: 15px 0px;
}